<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="referrer" content="never">

<link rel="shortcut icon" href="/assets/img/favicon.ico">
<!-- Loading Bootstrap -->
<link href="/css/backend.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css?v=4.1.0" rel="stylesheet">

</head>

<body class="inside-header inside-aside " marginwidth="0"
	marginheight="0" shiro:hasPermission="hygl:sy">
	<div id="main" role="main">
		<div class="tab-content tab-addtabs">
			<div id="content">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<section class="content-header hide">
							<h1>
								控制台 <small>Control panel</small>
							</h1>
						</section>
						<div class="content">
							<div class="row">

								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>钱包余额</h4>
												<h3><span id="qbye"></span></h3>
											</div>
											<div class="pull-right" style="color: #7a4ae6;">
												<i class="fa fa-usd fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>今日付款订单金额</h4>
												<h3><span id="jrje"></span></h3>
											</div>
											<div class="pull-right" style="color: #a0e6a1;">
												<i class="fa fa-yen fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>今日总佣金</h4>
												<h3><span id="jryj"></span></h3>
											</div>
											<div class="pull-right" style="color: #d4a8f5;">
												<i class="fa fa-dollar fa-4x"></i>
											</div>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>今日订单数</h4>
												<h3><span id="jrdds"></span></h3>
											</div>
											<div class="pull-right" style="color: #92ddee;">
												<i class="fa fa-rocket fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>今日新增会员数</h4>
												<h3><span id="hys"></span></h3>
											</div>
											<div class="pull-right" style="color: #f39c9c;">
												<i class="fa fa-address-book fa-4x"></i>
											</div>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>总订单数</h4>
												<h3><span id="ddzs"></span></h3>
											</div>
											<div class="pull-right" style="color: #0dcfd6;">
												<i class="fa fa-rocket fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>总佣金</h4>
												<h3><span id="zyjs"></span></h3>
											</div>
											<div class="pull-right" style="color: #d50d58;">
												<i class="fa fa-address-book-o fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>总付款金额</h4>
												<h3><span id="zjes"></span></h3>
											</div>
											<div class="pull-right" style="color: #6dd514;">
												<i class="fa fa-yen fa-4x"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-4" style="margin-bottom: 20px;">
									<div class="panel panel-default panel-intro panel-statistics">
										<div class="panel-body">
											<div class="pull-left">
												<h4>总粉丝返佣数</h4>
												<h3><span id="zfys"></span></h3>
											</div>
											<div class="pull-right" style="color: #6dd514;">
												<i class="fa fa-yen fa-4x"></i>
											</div>
										</div>
									</div>
								</div>

							</div>
							<!-- <div class="panel panel-default panel-intro">
								<div class="panel-heading">
									<div class="panel-lead">
										<em>今日数据</em>
									</div>
								</div>
								<div class="panel-body">
									<div class="row">

									</div>
								</div>
							</div> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>订单数据</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="graph_flot.html#">选项1</a>
                                </li>
                                <li><a href="graph_flot.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="echarts" id="echarts-bar-chart"></div>
                    </div>
                </div>
            </div>
             <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>返佣数据</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="graph_flot.html#">选项1</a>
                                </li>
                                <li><a href="graph_flot.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-pie-chart"></div>
                    </div>
                </div>
            </div>
        </div>
           
    </div> -->
    <!-- 全局js -->
    <script src="/js/jquery.min.js?v=2.1.4"></script>
    <script src="/js/bootstrap.min.js?v=3.3.6"></script>

    <!-- ECharts -->
    <script src="/js/plugins/echarts/echarts-all.js"></script>

    <!-- 自定义js -->
    <script src="/js/content.js?v=1.0.0"></script>


    <!-- ECharts demo data -->
    <script>
    
    $(function() {
    	$.ajax({
	        type: 'post',
	        url: '/mainData',
	        data: {},
	        success: function(data){
	        	
	        	$("#zyjs").html(data.zyjs);
	        	$("#qbye").html(data.qbye);
				//今日金额
				$("#jrje").html(data.jrje);
				//今日佣金
				$("#jryj").html(data.jryj);
				//今日订单数
				$("#jrdds").html(data.jrdds);
				//今日会员数
				$("#hys").html(data.hys);
				//总订单数
				$("#ddzs").html(data.ddzs);
				//总会员数
				$("#zhys").html(data.zhys);
				//总金额数
				$("#zjes").html(data.zjes);
				//总返佣数
				$("#zfys").html(data.zfys);


	        	console.log(data);
	        }
	    });
    })
    /* var barChart = echarts.init(document.getElementById("echarts-bar-chart"));
    var baroption = {
        title : {
            text: '某地区蒸发量和降水量'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['蒸发量','降水量']
        },
        grid:{
            x:30,
            x2:40,
            y2:24
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'蒸发量',
                type:'bar',
                data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            {
                name:'降水量',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
                markPoint : {
                    data : [
                        {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
                        {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            }
        ]
    };
    barChart.setOption(baroption);

    window.onresize = barChart.resize;
    
    
    var pieChart = echarts.init(document.getElementById("echarts-pie-chart"));
    var pieoption = {
        title : {
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient : 'vertical',
            x : 'left',
            data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
        },
        calculable : true,
        series : [
            {
                name:'访问来源',
                type:'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:335, name:'直接访问'},
                    {value:310, name:'邮件营销'},
                    {value:234, name:'联盟广告'},
                    {value:135, name:'视频广告'},
                    {value:1548, name:'搜索引擎'}
                ]
            }
        ]
    };
    pieChart.setOption(pieoption);
    window.resize(pieChart.resize); */
    </script>

</body>
</html>